11 Gorgeous HTML Form Editor Demos

1. ezEditTable - Enhance Html Tables

featured image

1 is a javascript code aimed at enhancing regular HTML tables by adding features such as inline editing components, advanced selection and keyboard navigation. With just a line of code you can easily convert a regular HTML table in an advanced editable and selectable grid control.Attach to an existing HTML table

Send changes to server via GET or POST methods by form submission or

Can be used as an extension of the HTML Table Filter Generator script to provide even more advanced capabilities to regular HTML tables

the uploader cell editor

Combined with the HTML Table Filter Generator this script provides advanced grid component solutions:

The aim of this code is to enhance the HTML CSS menu capabilities, and provide a generic or custom way to send data to server for DB operations no matter what server technology you use.Edition components (cell or row editor):

a simple way to convert a plain HTML data table in an editable grid control and keeping client-side logic completely separated from server-side logic

the uploader cell editor

More Details

2. Formoid

Formoid

Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!

Modern Metro, Flat, Bootstrap form themes with fancy color schemes.

Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!

All form elements look brilliantly on high resolution displays and devices.

Fully optimized to work on desktops, mobiles, and tablets.

More Details

3. SabaiDiscuss for WordPress

featured image

Custom fields with HTML visual form builder editor (13 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, CAPTCHA, User, Section Break, File Upload, Image Upload)

PHP Markdown editor for posting questions/answers and editng tag descriptions with live preview

Filters user HTML using HTMLPurifier for additional security

Top Plugin & Editor’s Choice at ThemesPlugins.Bug Fixed: Fatal error when entering invalid URL in URL form fields

Bug Fixed: HTML target attributes were always stripped off

Improved: Nofollow HTML rel attributes are added to all outgoing links

Bug Fixed: Fatal error on HTML form editor page if language is RTL

Bug Fixed: Value of CAPTCHA field not being cleared when form submit failed

Added: Show existing fields in form editor to allow reusing custom fields

Added: Options to disable (hide) tag/category form fields (Questions -> Manage Fields)

html to .html.Bug Fixed: Pages redirecting to https://xxx instead of http://xxx on after wordpress page form submit 404 on certain occasions

Improved: Search form sending out placeholder values as actual form values when some kind of HTML5 hack is in place

Bug Fixed: Some rendering issues with HTML forms

Internal: Allow each form element to add javascript code

Bug Fixed: Custom fields not being displayed in form on certain occasions

html)

html template file

html template file

Bug Fixed: Timepicker form field not showing the correct local time

Updated: Updated markdown editor library to the latest version

Bug Fixed: Several form elements not being displayed at all on certain occasions

Bug Fixed: Markdown editor unexpectedly stripping out spaces causing formatting error

Bug Fixed: Markdown editor initialized more than once on certain occasions

Improved: Custom fieds visual form editor user interface improved

Added: Visibility setting for each custom field which allows setting what type of user can see the field during form submission

Bug Fixed: Page not found error when trying to edit/add fields in visual form builder editor

Updated: HTML fields to display markup instead of system message in visual form editor

Added: Custom fields with visual form editor (8 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, and more to come)

Bug Fixed: Tag selection form not being displayed in some cases

More Details

4. Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah)

The w2 Ajax Contact Form is a complete solution to create ajax contact form. You can easily create your own forms HTML templates and your own themes CSS.New HTML form template with HTML5 attribute placeholder.Adding the textarea HTML attributes enctype=”multipart/form-data” for form element in examples.Automatic reloading of AYAH after form submission.You can add your own custom file field in your form.New method to create your own HTML template for the mail body message.code source form editor (included in download package).Easy to configure (html, css, javascript, php).Email message accepts HTML content (configurable).You can use multiple instance of form in the same page.//Initialisation of the form

resetForm: true, //Spcifie if reset form after submit (true / false)

reCaptchaId: 'recaptcha', //Specifie an unqiue ID for HTML element where reCaptcha will be integrated (just specifie the ID do not create the element in the form)

showBtnSend: false, //Specifie if the btn send is visible when loading form when No Spam Control is activate (true / false)

//if you need to redefine some parameters (example: if you have several contact form in your web site)

If you don't specifie email sender the email used to send the mail will be the user mail (who submit the form)

//Specifies the required fields for the form validation. //Specifies the subject of the email if you don't use subject field in your form

//Specifies the fields need HTML encodage (example: textarea)

//Specifies if HTML tags is accepted in the email message (for the HTML form input element)

//Specifies if the contact HTML form is encoded in utf_8

//Specifies the minimum and the maximum time between submission of the form (in seconds)

//Specifies if you want to use recaptcha for form validation HTML

//Specifies if you want to use AYAH for simple jQuery validation form

More Details

5. WP FrontEnd Form - Multi-Purpose Posting Form

featured image

Basic Form/Guest Post and/or login required option http://poster.net/simple-form/

Advanced Form with multiple fields http://poster.net/custom-post-type-form/

Custom Post a job form http://poster.net/post-a-job-form/

Custom contact form with Recaptcha support.net/contact-form-2/

Open a Ticket form http://poster.net/open-a-ticket-form/

Sign In Form http://poster.net/sign-in-form/

Sign Up Form http://poster.net/sign-up-form/

WP FrontEnd Form (WPF) is a Wordpress Plugin, use to create a form HTML at Front-End with shortcode support.Can use to create a Blog posting form.Can use to create a News posting form.Can use to create a wordpress ajax contact form plugin with different fields support.Can use to create a Job posting form.Can use to create Portfolio posting form with multiple Upload fields.Visual editor control. – Wordpress Editor default.Withdrawal form

Sign In form

[V3] Sign Up form.Profile updating form.Copy wp-frontend-form folder to wp-content/plugins.Go to Plugins/Installed plugin, find WP FrontEnd Form and click active.Go to WP FrontEnd Form

net/wp-frontend-form-multi-purpose-posting-form/ Or send the question at http://codecanyon.WP FrontEnd Form ContactForm Plugin – Screenshots

- WP FrontEnd Form's extra plugin, use to build ContactForm with email notification support

[Fix] Editor width.html#fluidGridSystem

[Update] Fixe Editor control.[New] Adding Sign In Form use Shortcode.[New] Adding Sign Un Form use Shortcode.

More Details

6. Complete Image Styles & Effects

featured image

Using the editor you can easily compose and test your styles.This tool includes an editor which helps you to create and test the image styles and effects you desire. Using this editor you avoid the need of programming knowledge. Below you can see two screenshots of the editor.The combination of styles and effects form a “view”.After you have finished with the views, the editor creates one CSS file and two Javascript files that will be included in your website. (If your site does not load jQuery then you will also get the lightbox jQuery download from the editor. For example, the upload image HTML code <img src="images/project.No advanced programming knowledge is needed, only simple HTML.Downloading this tool you receive a zip file (775 KB) containing only common HTML form file (html, css, js, jpg, png and txt).editor.html: This is the main file. This is the editor that creates the styles and effects for the images.html: Help documentation about how to use wordpress the editor and how to apply the styles and effects to the images of your website.html: A collection of ready made styles and effects just to show the capabilities of this tool.txt: Saved data of the demo styles and effects to load them in the editor and modify them or directly use them.css: Will be created by the editor.Javacscript code: A few lines of Javascript code that will be created by the editor.

More Details

7. Usernoise modal contact / feedback form

featured image

Then fills the form and clicks “Submit”. Spam bots just do not see Usernoise form.php file and copy a simple piece of code into your HTML page.FTP client to upload and a code editor to edit config.

More Details

8. Wordpress Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah) for Wordpress

The w2 Ajax Contact Form for Wordpress is a complete solution to create ajax contact form in Wordpress. You can easily create (Full HTML edition) your own forms HTML templates (add or remove fields) and your own themes CSS.The plugin include features to solve theme conflict (Global Settings section), so if there is a theme conflict and you want to buy the plugin you can contact the technical support (send the url of the page where the form is displaying) to know the right configuration of the Global Settings section to solve theme conflict.Possibility to specify different translation file for each form (usefull to use several auto-reponder message).New HTML form template with HTML5 attribute placeholder. In automatic mode the form will use the language of your wordpress.Possibility to update the jQuery contact form plugin translation text for “en” and “en_US” language in the file “js/w2_contact_form/localization/message_en. This system prevents unwanted form data loss when user un-active the plugin. Example you can apply a fade out to the form after success submission.Automatic reloading of AYAH after form submission.Possibility to use PHP code in HTML source code editor when you integrate the form via PHP hard code (feature only available for PHP hard code integration).Possibility to create mail subject template by including existing form fields value. Make a copy of your HTML forms source code if you need to keep them.New feature to integrate a form by using PHP hard code (directly in your theme files).7 you need to change the HTML class selector class=”shadow” to class=”w2_shadow” for each element of your forms.You can add your own custom file field in your form.Fix bug for fields setting configuration when the form have 0 required field.New feature to include several form in the same page.New feature to auto-configure the fields settings section by checking the HTML elements of the form with jquery.New method to create your own HTML template for the mail body message.New selection page feature to display the form in different type of page (page, post, portfolio, products).Multi-selection page feature (to display the same form in several pages).Easy to add (or remove) your own fields via source editor.You can create your own HTML template files and automatically add them to your lists of template in the form editor.You can create your own CSS theme and automatically add them to your lists of Theme in the form editor.Email message accepts HTML content (configurable).

More Details

9. Pure Rich Text Editor Lite

featured image

– HTML Source now available, view and edit!

Replace your standard textarea box’s with this easy to use aesthetically pleasing simple ‘lite’ rich text editor. Initially this has been developed to replace the standard textarea box in a form and to provide a few extra features within the textarea box, useful for blog comment boxes, system administration areas and forms which require an improved textarea.

More Details

10. X Forms - WordPress Form Creator Plugin

featured image

Themes/Color Schemes are applied accordingly to form input type textarea elements, error messages, confirmation messages, help text and the submit button! So no need to style every element, save time by simple using presets (which can also be modified!) Take a minute and to check out the live demo to preview the color schemes on a dark or light theme.Form elements include:

Text Paragraph (allows HTML)

That’s right!, all form submission you’ll receive are submitted by humans and not robots! This is done without using Captha which is proved to annoy most users!

There is no loading time once the page is open, if you click something you get it instantly…in other words, no fancy animated loading icons to frustrate you during your form setup.Visual Editor

Well, with 25 themes to choose from it should be hard to not to find something to not fit your theme…But just in case we’ve added a visual editor that allows you to change individual form elements or change the same element group as a whole by using the following settings:

Form entry storage and export

All form entries are stored and can be retrieved from the admin panel.Send professional custom confirmation mails to your clients upon completing a form.Add more then on form on a single page for example one (or more) in the page content, one (or more) in the footer and one (or more) in the sidebar.Creating a template is easy, simply create a form and use the duplicate form function!

More Details

11. Contact Form Generator - Form Builder

featured image

Contact Form Generator is a powerful form builder that enables you to create the most elegant forms in less than a minute. I’ve purchased almost every other form builder off CodeCanyon and yours is by far the best.- dutchess (purchased Contact Form Generator)

A wordpress plugin slider version of website contact form generator is available here:http://codecanyon.net/item/form-generator-wordpress-contact-form-builder/4613911

Complete Form Customization : every element in the form can be modified

Great Looking Forms : your contact form will match your website’s identity perfectly

Quick Setup : very easy to install, no database needed, upload your contact form and it will be ready to work!

What People Are Saying About contact form generator

This is by far one of the wordpress best form creator plugin generators i have purchase and the support is amazing!

- fightforcreativity (purchased Contact Form Generator)

- gurustar (purchased Contact Form Generator)

Full Customization Of Your Form Design:

A CSS file is provided with each form you create

Logo And Images : insert images in your contact form (upload available)

Drag And Drop Form Building Interface: create your form in a few minutes

Personalized Confirmation And Error Messages : write the messages displayed in the form in your own language

Contact Forms Archive System : each form you create is downloadable and archived on your server

Complete Contact Form Builder: It Has Everything You Need

All HTML Standard Fields Are Included:

Every Elements Of Your Form Can Be Changed And Customized

Change The Colors : a color picker is available for every elements in your contact form

Drag And Drop Interface : organize and sort all the elements of your form in seconds

Notifications : a copy of the collected data in the form is sent to your inbox

Admin Notification : receive an email instantly when someone completes your contact form

User Notification (auto-responder) : automatically send an instant message to the user submitting the form

CSS file included with each contact form

CSS file included with each contact form

Upload Your Logo Or Any Image In Your Contact Form

Mobile Browser Compatibility : the contact forms you create with contact form captcha will work like a charm on mobile phones

Upload the form’s source files on your server and it will work out of the box

A zip file is provided for each contact form you create

The user notification message can be sent in plain text or HTML format date field

Improvement: Improvement: the email address of the person completing your form will automatically appear in the “from” field in your inbox

New feature added: the name displayed in the inbox “Form” field is now configurable

New feature added: images can be added in the wordpress contact form

Improvement: a notification is displayed at the top right of the form editor if a new version of free PHP contact form generator is available for download on Code Canyon

First release of contact form generator

More Details

12. Platinum3D Content Animator - Standalone Version

featured image

The revolution has been arrived, you can now turn your website HTML elements to 3D.Currently supported HTML elements are:

turn HTML elements to 3D

you can set background color, font color, font size, any custom HTML, vertical- and horizontal align

usable html elements in data-content attribute, like data-content=”[br]text[br]”

If you have any question or feedback, please feel free to email via my user page contact form.Visual Frontend Text Editor for Wordpress

More Details